<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />

    <meta name="author" content="http://www.huayingsoft.com/" />
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=8,IE=9,IE=10" />
    <meta http-equiv="Expires" content="0">
    <meta http-equiv="Cache-Control" content="no-cache">
    <meta http-equiv="Cache-Control" content="no-store">

    <link rel="stylesheet" href="../../css/bootstrap.min.css">
    <link rel="stylesheet" href="../../css/bootstrapEx.css">

    <script src="../../js/jquery-1.9.1.min.js"></script>
    <script type="text/javascript" src="../../js/bootstrap.min.js"></script>
    <script type="text/javascript" src="../../js/BootstrapMenu/BootstrapMenu.min.js"></script>
    <script type="text/javascript" src="../../js/bootstrapEx2.0.js"></script>
</head>

<body>
    <span style='font-size:20px;font-weight:bold;'>菜单功能</span>
    <p/>
    <p/>
    <button class="btn btn-default dropdown-toggle" type="button" id="menu1" data-toggle="dropdown">按钮绑定菜单
    <span class="caret"></span></button>
    <p/>
    <button id="btn1_1" class="btn btn-primary" type="button" data-dismiss="modal" aria-hidden="true">Modal1 设置窗口大小</button>
    <p/>
    <button id="btn2" class="btn btn-primary" type="button" data-dismiss="modal" aria-hidden="true">Modal2 最大化窗口 添加按钮</button>
    <p/>
</body>
<script>
    $(document).ready(function () {

    /*var m1 = new bsEx.Menu({
            renderto:"#menu1",
            items:[{
                text:"按钮1",icon:"pencil",onClick:function(){

                }
            },{
                text:"按钮2",icon:"pencil",onClick:function(){
                    
                }
            },{divider:true}]
        })*/
      /* var menu = new BootstrapMenu('.btn', {
          actions: [{
              name: 'Action',
              onClick: function(e) {
                toastr.info("'Action' clicked!");
              }
            }, {
              name: 'Another action',
              onClick: function(e) {
                toastr.info("'Another action' clicked!");
              }
            }, {
              name: 'A third action',
              onClick: function() {
                toastr.info("'A third action' clicked!");
              }
          }]
        });*/
    });

</script>
</html>